* {
    padding: 0;
    margin: 0;
}

a {
    color: #181818;
    text-decoration: none;
}

body {
    color: #222222;
    background: #fff;
    font-family: PingFangSC-Regular, Helvetica, Arial, Microsoft Yahei, sans-serif;
    margin: 0 auto;
    min-width: 1022px;
    background-repeat: no-repeat;
    background-position: center center;
}

/* 清除浮动，高度塌陷问题 */
.clear {
    height: 0px;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    clear: both;
}

li {
    list-style: none;
}

/* ul{
    display: block;
    list-style-type: disc;
    /* margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
} */
/* 背景颜色为黑色 */
.nav-bgc-18 {
    background-color: #181818;
}

/* 头部框架 */
.header-wrapper {
    height: 88px;
    width: 100%;
    margin: 0 auto;
    z-index: 1000;
}

.header-wrapper .line {
    background-color: #343434;
    height: 0.5px;
    width: 100%;
    /* border-top: 1px solid #343434; */
}

.header-wrapper .header {
    width: 962px;
    height: 46px;
    margin: 0 auto;
    position: relative;
    z-index: 50;
}

/* 头部上部分设置 */
.header-top {
    height: 46px;
    z-index: 50;
    position: relative;
}


/* 头部上部分左边设置 */
.header-top-left {
    float: left;
}

.header-top-right {
    float: right;
}

.header-top-li {
    line-height: 46px;
    font-size: 12px;
    color: #fff;
    margin-right: 20px;
    float: left;
}

/* 精灵图 */
.nav_icon_spirit_2022_1 {
    display: inline-block;
    position: relative;
    background: url(../images/nav_icon_spirit_2022\ \(1\).png) no-repeat;
}

.header-top-li .hot {
    position: absolute;
    width: 27px;
    height: 13px;
    top: 2px;
    display: inline-block;
    position: absolute;
    background: url(https://p2.img.cctvpic.com/photoAlbum/templet/common/DEPA1561603549108607/nav_icon_spirit_2022.png) no-repeat;
    background-position: -40px -8px;
}

/* 首页home */
.home {
    background-position: -53px -102px;
    width: 16px;
    height: 14px;
    top: 2px;
}

/* 设置颜色 */
.header-topleft-li-a {
    color: rgb(255, 255, 255);
}

/* 鼠标移动改变字体颜色 */
.header-top-li:hover .header-topleft-li-a {
    color: red;
}

/* 时政下拉箭头 */
.Current-Events+i {
    width: 13px;
    height: 8px;
    transition: transform .3s;
    display: inline-block;
    background: url(../images/nav_icon_spirit_2022_02.png) no-repeat;
    margin-left: 10px;
    /* margin-top: 19px; */
    overflow: hidden;
    /* transform: rotateZ(180deg); */
}

/* 鼠标移动箭头调换180度 */
.Current-Events-li:hover .Current-Events+i {
    background: url(../images/nav_icon_spirit_hover.png) no-repeat;
    /* transform: rotateZ(180deg); */
}

.animation-rotate {
    animation: animation-rotate 300ms ease forwards;
}

.animation-rotate180 {
    animation: animation-rotate180 300ms ease forwards;
}

@keyframes animation-rotate {
    from {
        transform: rotateZ(0deg);
    }

    to {
        transform: rotateZ(180deg);
    }
}

@keyframes animation-rotate180 {
    from {
        transform: rotateZ(180deg);
    }

    to {
        transform: rotateZ(0deg);
    }
}

/* 分割线 */
.header-topleft-li-line {
    padding-right: 15px;
    margin-right: 15px;
    background: url(../images/nav_border_heise_2022.png) no-repeat right center;
}

/* AIGC */
.AIGC {
    width: 51px;
    height: 20px;
    /* background-position: 0px -140px; */
    /* background-position: 0 -120px; */
    /* background-position: 0 -80px; */
    background-position: 0 -100px;
    top: 6px;
    right: -2px;
    /* background-color: rgb(255, 255, 255); */
    /* margin-top: 13px; */
}

.AIGC-div:hover .AIGC {
    background-position: 0 -80px;
}

.user_icon {
    width: 20px;
    height: 46px;
    padding: 0 10px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.header-top-right i {
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;
}

.search_i i {
    background-position: 0 -40px;
}

/* 鼠标移动到搜索变红色 */
.search-div:hover i {
    background-position: -20px -40px;
}

.user_i i {
    background-position: 0 -20px;
}

.user-div:hover i {
    background-position: -20px -20px;
}

.class_i i {
    background-position: 0 0;
}

.class-div:hover i {
    background-position: -20px 0;
}

/* 头部的下半部分 */
.header-bottom {
    height: 41px;
    /* width: 1490px; */
    z-index: -1;
    margin: 0 auto;
}

/* 头部下半部分列表 */
.slide_con {
    /* border-top: 1px solid #343434; */
    margin-top: 0;
    width: 100%;
}

/* ul */
.slide_con ul {
    font-size: 14px;
    line-height: 41px;
    height: 41px;
    display: block;
}

.slide_con ul li {
    float: left;
    padding-right: 24px;
}

/* 字体设置 */
.slide_con ul li a {
    color: #999;
    font-size: 12px;
}

/* 鼠标滑过为红色 */
.slide_con ul li a:hover {
    color: #bf0614;
}

/* 鼠标移动到时政的时候出现列表1 */
.Current-Events-li:hover~.header-bottom {
    display: none;
}

/* 在1684到1899width=1494 */
@media screen and (min-width: 1900px) {
    .firstSearch .left {
        width: 390px;
        height: 40px;
        padding-left: 24px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }
}

/* 设置默认显示 */
.slide_con ul li .lan {
    display: block;
}

.slide_con ul li .lanCur {
    display: none;
}

.slide_con ul li img {
    padding-top: 9px;
}

/* 中里面的图片鼠标滑动变成红色的效果/切换图片的效果 */
.slide_con ul .slide_con_iamge:hover .lanCur {
    display: block;
}

.slide_con ul .slide_con_iamge:hover .lan {
    display: none;
}

/* 轮播图插件 */
.column_wrapper {
    height: 100%;
    position: relative;
    width: 962px;
    margin: 0 auto;
}

/* cctv图标 */
.logo {
    left: 10px;
    top: 25px;
    width: 194px;
    height: 22px;
    position: absolute;
    z-index: 9;
}

/* 图标图片设置 */
.logo img {
    width: 100%;
    height: 100%;
    display: block;
}

/* 搜索框 */
.firstSearch {
    width: 300px;
    height: 40px;
    left: 284px;
    top: 20px;
    position: absolute;
    z-index: 9;
}

/* 搜索坐标部分设置 */
.firstSearch .left {
    width: 232px;
    height: 30px;
    padding-left: 20px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    background-color: rgba(24, 24, 24, .5);
    position: relative;
    float: left;
    /* display: inline-block; */
}

/* 输入框设置 */
.firstSearch .left input {
    background: none;
    width: 165px;
    height: 100%;
    font-size: 14px;
    display: inline-block;
    border: none;
    color: #fff;
    outline: none;
}

/* 热榜 */
.firstSearch_a {
    font-size: 14px;
    line-height: 30px;
    padding-left: 20px;
    height: 100%;
    width: 40px;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/icon-hot_search.png
) no-repeat left center;
    background-size: 22%;
}

/* 右侧搜索框设置 */
.firstSearch .right {
    width: 48px;
    float: left;
    height: 30px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: #0084ff;
}

/* 搜索点击按钮设置 */
.firstSearch .right input {
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/icon-search.png) no-repeat center center;
    width: 46px;
    height: 33px;
    border: none;
    display: inline-block;
    vertical-align: middle;
}

/* 搜索框点击的弹出框 */
.firstSearch .left .sContent {
    width: 238px;
    padding-top: 13px;
    padding-bottom: 8px;
    left: 12px;
    top: 29px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    background: #fff;
    border: 1px solid #dfdfdf;
    overflow: hidden;
}

/* 弹出框 */
.sContent .hotSearch {
    /* background-color: rgb(240, 73, 73); */
    padding: 0 9px;
    font-size: 14px;
    color: #5d5d5d;
}

/* 弹出框的热门搜索 */
.hotSearch .text {
    line-height: 24px;
    height: 24px;
    margin-bottom: 3px;
    color: #8a8a8a;
}

/* 设置链接 */
.sContent .hotSearch a {
    line-height: 24px;
    margin-bottom: 5px;
    display: block;
    color: #5d5d5d;
    /* text-align: left; */
}

/* 设置12345样式 */
.sContent .hotSearch a i {
    font-family: "Impact";
    font-style: italic;
    width: 18px;
    margin-right: 8px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    color: #e0e0e0;
}

/* 设置第一个颜色 */
.sContent .hotSearch a:nth-child(1) i {
    color: #085ab7;
}

/* 设置第2个颜色 */
.sContent .hotSearch a:nth-child(2) i {
    color: #1aa7ec;
}

/* 设置第3个颜色 */
.sContent .hotSearch a:nth-child(3) i {
    color: #4adedf;
}

/* 设置轮播图框架 */
.swiper-wrapper {
    /* background-color: rgb(40, 174, 149); */
    height: 318px;
    width: 100%;
    position: relative;
    /* z-index: -1; */
    display: block;
}

/* 轮播图内容 */
.swiper-container {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    background: #e6e6e6;
}

/* 正在热播图片设置 */
.swiper-img {
    position: relative;
    height: 100%;
    margin: 0 auto;
    z-index: 2;
}

/* 图片 */
.swiper-img img {
    height: 100%;
    /* width: 100%; */
    width: auto;
    margin: 0 auto;
}

/* 按钮框架 */
.slider-btn {
    width: 747px;
    position: absolute;
    top: 83px;
    /* height: 100%; */
    margin-left: -481px;
    left: 50%;
    z-index: 3;
    /* background-color: rgb(199, 29, 29); */
    overflow: hidden;
}

/* 按钮 */
.slider-btn .btn {
    width: 20px;
    height: 40px;
    top: 70px;
    position: absolute;
    z-index: 10;
    background-repeat: no-repeat;
    background-position: center center;
}

/* 轮播图按钮左边 */
.slider-btn .btnleft {
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/live_left.png);
    left: 0;
}

/* 轮播图按钮右边 */
.slider-btn .btnright {
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/live_right.png);
    right: 15px;
}

/* 轮播图框架 */
.slider-btn .con {
    /* width: 1004px;
    padding-right: 174px; */
    /* height: 356px; */
    /* height: 100%; */
    width: 635px;
    padding-right: 112px;
    position: relative;
    z-index: 5;
    background-color: transparent;
    width: 635px;
    padding-right: 112px;
    /* background-color: rgb(94, 218, 64); */
    background-color: transparent;
    mask: linear-gradient(270deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .8) 56px, #000) right top;
    -webkit-mask: linear-gradient(270deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .8) 56px, #000) right top;
}

.slider-btn .con ul {
    width: 9999px;
    font-size: 0px;
    transition: margin ease .5s;
}

.slider-btn .con li {
    display: inline-block;
    padding-right: 15px;
    width: 144px;
}

/* 演示 */
.slider-btn .con .image {
    width: 144px;
    height: 180px;
    border-radius: 5px;
    overflow: hidden;
}

.slider-btn .con .image img {
    width: 100%;
    height: 100%;
}

.slider-btn .con .image:hover img {
    transform: scale(1.05);
    transition: transform 1s;
}

/* 轮播图下方文字设置 */
.slider-btn .con .title {
    font-size: 14px;
    line-height: 18px;
    height: 36px;
    padding-top: 7px;
    color: #FFFFFF;
}

.slider-btn .con .title a {
    color: rgb(255, 255, 255);
}

/* 轮播图右侧导航列表 */
.swiper-wrapper .floatText {
    padding: 20px 20px 25px 20px;
    width: 175px;
    height: 273px;
    background: rgba(24, 24, 24, .7);
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 3;
}

/* 文字共同部分设置 */
.swiper-wrapper .floatText .live {
    font-size: 18px;
    font-weight: 700;
    color: #FFFFFF;
    padding-left: 26px;
}

/* 正在热播文字设置 */
.swiper-wrapper .floatText .liveon {
    color: #0084ff;
    line-height: 48px;
    border-bottom: 1px solid #6a7a8e;
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/icon-hot_hover.png) no-repeat left center;

}

/* 精彩推荐文字设置 */
.swiper-wrapper .floatText .liveco {
    /* color: #0084ff; */
    line-height: 40px;
    margin-top: 4px;
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/icon-jingxuan.png
) no-repeat left center;
}


.swiper-wrapper .floatText .onhover {
    color: #fff;

    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/icon-hot.png) no-repeat left center;
}

.swiper-wrapper .floatText .cohover {
    color: #0084ff;
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/icon-jingxuan_hover.png
) no-repeat left center;
}

/* 精彩推荐下方文字设置 */
.swiper-pagination .bullet {
    display: block;
    height: 30px;
    line-height: 30px;
    color: white;
    font-size: 12px;
}

.swiper-pagination .bullet a {
    color: white;
    /* display: block; */
    height: 100%;
}

/* .swiper-pagination .bullet:hover a {
    color: #0084FF;
} */

/* .column_wrapper{
    background-color: rgb(212, 54, 54);
} */
.nav-container {
    height: 110px;
    margin-bottom: 10px;
    overflow: hidden;
}

/* 轮播图下方导航的左部分列表 */
.nav-container .nav1-left {
    width: 568px;
    padding: 21px 0 0 19px;
    float: left;
    /* background-color: rgb(112, 246, 108); */
}

.nav-container .nav1-left li {
    float: left;
    /* position: relative; */
}

.nav-container .nav1-left .nav1-div {
    height: 34px;
    padding: 0 20px;
    margin-bottom: 10px;
    /* position: relative; */
}

.nav-container .nav1-left .nav1-div>a {
    display: inline-block;
    line-height: 34px;
    font-size: 16px;
    font-weight: bold;
    color: #222;
    position: relative;
}

.nav-container .nav1-left .nav1-div:hover {
    border-radius: 18px;
    color: #0084ff;
    box-shadow: 0 0 8px rgba(51, 51, 51, .15);
}

/* .nav-container .nav1-left .nav1-div i{
    display: none;
} */

.nav-container .nav2-right {
    width: 334px;
    padding: 24px 0 0 39px;
    float: left;
}

.nav-container .nav2-right li {
    width: 110px;
    float: left;
}

.nav-container .nav2-right li a {
    color: #000;
    font-size: 16px;
    position: relative;
    display: inline-block;
}

.nav-container .nav2-right li a:hover {
    color: #0084FF;
}

.nav-container .nav2-div {
    height: 30px;
    line-height: 30px;
    margin-bottom: 13px;
    position: relative;
}

.hotToday {
    padding-bottom: 9px;
}

.hotToday .textTab {
    padding-bottom: 10px;
    display: inline-block;
}

.hotToday .textTab h3 {
    /* float: left; */
    font-size: 26px;
    line-height: 46px;
    font-weight: bold;
    display: inline-block;
}

.nav1-line {
    height: 62px;
    width: 2px;
    margin-top: 29px;
    background: #c5c5c5;
    float: left;
}

.nav1e-erweima {
    width: 68px;
    height: 68px;
    padding: 8px;
    margin-top: 37px;
    margin-left: 60px;
    border-radius: 5px;
    display: flex;
    vertical-align: middle;
    box-shadow: #ccc 1px 1px 10px;
    /* display: none; */
}

.nav1e-erweima {
    width: 60px;
    height: 60px;
}

.nav1e-phone img {
    width: 100%;
    height: 100%;
}

.nav1e-phone a {
    color: #0084FF;
}

.hotToday_content {
    display: block;
    position: relative;
    height: 100%;
}

.hotToday_content li {
    font-size: 14px;
    line-height: 24px;
    margin-left: 18px;
    width: 178px;
    margin-bottom: 14px;
    float: left;
    background-color: #FFFFFF;
    border-radius: 5px;
}

.hotToday_content li:hover img {
    transition: transform 1s;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.hotToday_content ul li.first {
    width: 374px;
    box-shadow: 0 0 8px rgb(51 51 51 / 15%);
    margin-left: 0;
    box-sizing: border-box;
    margin-bottom: 0;
    overflow: hidden;
}

#hotTodayul .title a:hover {
    color: #0084FF;
}

.hotToday_content ul li.first .text {
    padding: 19px 20px 29px 20px;
    overflow: hidden;
}

.hotToday_content ul li.first .text .title {
    font-size: 16px;
    line-height: 42px;
    height: 42px;
    padding: 0;
}

.hotToday_content ul li .title {
    padding-top: 9px;
    height: 48px;
    width: 100%;
    overflow: hidden;
}

.hotToday_content ul li.first .text .brief {
    color: #999;
}

.end3 {
    display: none !important;
}

.end2 {
    display: none !important;
}

.end1 {
    display: none !important;
}

.hotToday_content ul li .image {
    width: 178px;
    height: 101px;
    border-radius: 5px;
    overflow: hidden;
    background: #e6e6e6 url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/zwPic126_36.png) no-repeat center center;
}

.hotToday_content ul li.first .image {
    width: 374px;
    height: 210px;
    border-radius: 0px;
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/zwPic269_78.png);
}

.hotToday_content ul li.first .image img {
    width: 100%;
    height: 100%;
}

/* 解决高度塌陷问题 */
.hotToday_content ul::after,
.hotToday_content ul::before {
    content: '';
    display: table;
    clear: both;
}

/* 节目单图标 */
.textTab .program {
    /* float: left; */
    margin-left: 20px;
    margin-top: 11px;
    display: inline-block;
    width: 90px;
    height: 24px;
    text-align: center;
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/zbds_jmd.png) no-repeat;
    /* background-size: 100% 100%; */
    font-size: 14px;
    line-height: 24px;
    vertical-align: top;
}

.textTab .program a {
    color: #0084FF;
    padding-left: 24px;
    width: 65px;
    display: inline-block;
}

.hotToday .rightt {
    padding-top: 6px;
    float: right;
    /* display: inline-block; */
    margin-right: 0px;
    font-size: 14px;
    height: 20px;
    margin-top: 7px;
}

.hotToday .rightt i {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/zbds_sxan.png) no-repeat center center;
}

.hotToday .rightt span {
    width: 70px;
    height: 18px;
    line-height: 18px;
    border-radius: 10px;
    border: 1px solid #0084ff;
    text-align: center;
    color: #0084FF;
    display: inline-block;
}

/* 直播导视右边节目单变色效果 */
.hotToday .program:hover a {
    color: white;
}

.hotToday .program:hover {
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/zbds_jmd_hover.png) no-repeat 0 center;
}

.hotToday .rightt span:hover {
    background-color: #0084ff;
    border-radius: 12px;
    color: #fff;
}

.hotToday .rightt i.ani {
    animation: animation_hotiplay 0.4s 1;
}

@keyframes animation_hotiplay {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ttct4 .content {
    border-top: 2px solid #e5e5e5;
    padding: 0px 28px;
    position: relative;
}

.pro {
    width: 40px;
    height: 168px;
    position: absolute;
    top: 0px;
    z-index: 9;
}

.pro_left {
    left: 0;
}

.pro_right {
    right: 0;
}

.pro_btn {
    position: absolute;
    width: 27px;
    height: 130px;
    left: 0;
    top: 19px;
    /* background-color: rgb(241, 19, 19); */
}

.pro_btn_left {
    left: 0;
    background: #FFFFFF url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/left.png) no-repeat center center;
}

.pro_btn_right {
    right: 0;
    background: #FFFFFF url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/right.png) no-repeat center center;
}

.pro_con {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.pro_con ul {
    width: 9999px;
    transition: all 500ms ease;
}

.pro_con ul li {
    padding: 28px 0px 26px 0;
    float: left;
    position: relative;
}

/* 鼠标滑过每个小li出现下划线 */
.pro_con ul li:hover .li_line {
    display: block;
}

/* 鼠标滑过li字变蓝色 */
.pro_con ul li:hover .brief a {
    color: #0084FF;
}

.li_con {
    border-right: 1px solid #e7e7e7;
    padding: 8px 20px 0px 20px;
    height: 104px;
    width: 186px;
}

.li_con .img a {
    width: 100%;
    display: block;
    line-height: 21px;
}

.li_con .img a img {
    width: 84px;
    height: 21px;
    display: inline-block;
    vertical-align: top;
}

.li_con .img a span {
    font-size: 18px;
    color: #000000;
    line-height: 21px;
    font-weight: bold;
    margin-left: 10px;
}

.li_con .title {
    font-size: 14px;
    line-height: 24px;
    margin: 5px auto 10px 0px;
    color: #222222;
}

.li_con .title a {
    color: #222;
}

.li_con .brief {
    font-size: 14px;
    line-height: 24px;
    color: #222222;
    height: 42px;
}


.li_con .brief a {
    color: #222222;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 24px;
}

.li_line {
    background: #0084ff;
    width: 186px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 20px;
    display: none;
}

.pro_shadow {
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/jiemudan_yy_962.png) no-repeat center center;
    width: 100%;
    height: 13px;
    position: absolute;
    left: 0;
    bottom: -13px;
    /* background-color: rgb(62, 186, 51); */
}

.inner_cctv5 {
    padding-bottom: 35px;
}

.ttct5 {

    height: 106px;
    width: 100%;
    /* background-color: rgb(241, 56, 56); */
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/line.jpg) repeat-x 0 79px;
}

.ttct5 .cctv5_ul {
    width: 1000px;
}

.ttct5 .cctv5_ul li {
    padding-top: 24px;
    padding-bottom: 20px;
    text-align: center;
    width: 178px;
    margin-right: 18px;
    float: left;
}

.ttct5 .cctv5_ul li .text {
    font-size: 14px;
    line-height: 22px;
}

.ttct5 .cctv5_ul li .title {
    font-weight: 700;
    color: #222222;
}

.ttct5 .cctv5_ul li .brief {
    color: #999999;
    padding-bottom: 18px;
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/now.png) no-repeat bottom center;
}

.ttcv5_con .img {
    width: 100%;
    height: 223px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    background: #e6e6e6 url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/zwPic126_36.png) no-repeat 40% center;
}

img {
    width: 100%;
    height: 100%;
    display: block;
}

.ttcv5_con .text_2 .title {
    font-size: 14px;
    line-height: 26px;
    color: #222;
    margin-top: 8px;
    font-weight: 700;
}

.ttcv5_con .text_2 {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    text-align: left;
}

.ttct5 li {
    width: 178px;
    margin-right: 18px;
    float: left;
    position: relative;
    z-index: 1;
}

.ttct5_2 {
    background: none !important;
}

.ttcv5_con .hover {
    width: 218px;
    height: 307px;
    position: absolute;
    left: -20px;
    top: -10px;
    border-radius: 5px;
    z-index: 333;
    display: none;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0px 0px 8px rgb(51 51 51 / 45%);
}

.ttcv5_con .hover .img {
    width: 218px;
    height: 123px;
    background: #e6e6e6 url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/zwPic165_47.png) no-repeat center center;
}

.ttcv5_con .hover .img a {
    display: block;
    width: 100%;
    height: 100%;
}

.ttcv5_con .hover .img a img {
    width: 100%;
    height: 100%;
}

.ttcv5_con .hover .text {
    padding: 0 15px;
}

.ttcv5_con .hover .text h3 {
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    padding-top: 7px;
    font-weight: 700;
    color: #222222;
}

.ttcv5_con .hover .text span {
    font-size: 14px;
    line-height: 20px;
    height: 80px;
    padding-bottom: 12px;
    color: #999;
    border-bottom: 1px solid #e8e8e8;
    display: block;
}

.ttcv5_con .hover .text span a {
    color: #666;
}

.ttcv5_con .hover .text .label {
    line-height: 43px;
    height: 43px;
    font-size: 0px;
}

.ttcv5_con .hover .text .label a {
    font-size: 14px;
    padding-right: 10px;
    color: #666;
    display: inline-block;
}

.cctv5_ul2 li {
    padding-top: 0;
}

.cctv5_ul2 {
    width: 1000px;
}

.cctv5_ul2 li {
    width: 178px;
    margin-right: 18px;
    float: left;
    position: relative;
    z-index: 1;
}

/* 蓝色的框框 */
.blue-wrapper {
    height: 240px;
    padding: 38px 0;
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/ind06_bg962.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 30px;
}

.blue-wrapper ul li {
    height: 76px;
    width: 76px;
    margin: 2px;
    border-radius: 3px;
    overflow: hidden;
    float: left;
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/ind06_cel.png);
    overflow: hidden;
    background-size: 100% 100%;
    position: relative;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

.blue-wrapper ul {
    margin: 0 auto;
    width: 960px;
    padding: 0 1px;
}

.blue-wrapper ul .cel02 {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/ind06_cel2.png);
    width: 156px;
}

.blue-wrapper ul .cel01 {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/ind06_cel1.png);
}

.blue-ul li a {
    font-size: 16px;
    color: #009dff;
    font-weight: bold;
    text-align: center;
    /* vertical-align: middle; */
    /* display: block; */
    /* margin-top: 50%; */
    /* transform: translateY(-50%); */
}

.blue-ul li.cel01:hover {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/ind06_cel1H.png);
}

.blue-ul li.cel02:hover {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/ind06_cel2H.png);
}

.blue-ul li:nth-child(20):hover a {
    font-size: 0;
}

.blue-ul li:nth-child(20):hover {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/ind06_cel1.png);
}

.blue-ul li:nth-child(20):hover .celcode_img {
    display: block;
}

.blue-ul .celcode_img {
    width: 91px;
    height: 91px;
    display: none;
}

/**************************************************************************
/* 片库 */

.video_vault_wrapper {
    width: 962px;
    padding: 0 30px;
    margin-left: -30px;
    position: relative;
    overflow: hidden;
    padding-bottom: 40px;
}

.video_vault,
.watch_focus {
    padding-bottom: 10px;
}

.video_vault_left {
    /* display: inline-block; */
    float: left;
}

.video_vault_left h3,
.watch_focus h3 {
    font-size: 26px;
    line-height: 46px;
    font-weight: bold;
    display: inline-block;
}

.video_vault_right {
    padding-top: 6px;
    /* display: inline-block; */
    float: right;

}

.video_vault_right a {
    width: 96px;
    text-align: center;
    font-size: 18px;
    margin-left: 10px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
}

.video_vault_right a.cur {
    border-radius: 15px;
    font-weight: bold;
    box-shadow: 0px 0px 10px rgb(51 51 51 / 15%);
}

.video_vault_contain {
    height: 307px;
    position: relative;
}

.video_vault_inside {
    width: 962px;
    height: 307px;
    position: absolute;
    /* overflow: hidden; */
    left: 0px;
    top: 0px;
}

.video_vault_ul {
    width: 980px;
    display: inline-block;
    position: absolute;
    /* left: 1222px; */
    top: 0px;
    display: none;
}

.video_vault_ul:first-child {
    display: block;
}

.video_vault_ul .end1 {
    display: none !important;
}

.video_vault_ul .end2 {
    display: none !important;
}

.video_vault_ul .end3 {
    display: none !important;
}

.video_vault_li {
    width: 178px;
    margin-right: 18px;
    float: left;
    position: relative;
    z-index: 1;
}

.video_vault_con {
    margin-bottom: 4px;
}

.video_vault_con .common .img {
    width: 178px;
    height: 223px;
    background: #e6e6e6 url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/zwPic152_44.png) no-repeat center center;
    border-radius: 5px;
    overflow: hidden;
}

.video_vault_con .common .img img {
    width: 178px;
    height: 223px;
    display: block;
}

.video_vault_con .common .text {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    width: 100%;
    font-weight: bold;
}

.video_vault_con .common .text a {
    color: #333333;
}

.column_wrapper {
    height: 100%;
    position: relative;
    width: 962px;
    margin: 0 auto;
    /* background-color: #bf0614; */
}

.video_vault_con .hover {
    width: 218px;
    height: 307px;
    position: absolute;
    left: -20px;
    top: -10px;
    border-radius: 5px;
    z-index: 333;
    display: none;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0px 0px 8px rgb(51 51 51 / 45%);
}

.video_vault_con .hover .img {
    width: 218px;
    height: 123px;
    background: #e6e6e6 url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/zwPic165_47.png) no-repeat center center;
}

.video_vault_con .hover .img a {
    display: block;
    width: 100%;
    height: 100%;
}

.video_vault_con .hover .img img {
    width: 100%;
    height: 100%;
}

.video_vault_con .hover .text {
    padding: 0 15px;
}

.video_vault_con .hover .text h3 {
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    padding-top: 7px;
    font-weight: bold;
    font-style: normal;
}

.video_vault_con .hover .text span {
    font-size: 14px;
    line-height: 20px;
    height: 80px;
    padding-bottom: 12px;
    color: #999;
    border-bottom: 1px solid #e8e8e8;
    display: block;
}

.video_vault_con .hover .text span a {
    color: #666;
}

.video_vault_con .hover .text .label {
    line-height: 43px;
    height: 43px;
    font-size: 0px;
}

.video_vault_con .hover .text .label a {
    font-size: 14px;
    padding-right: 10px;
    color: #666;
    display: inline-block;
}

.video_vault_typeLabel {
    height: 36px;
    line-height: 36px;
    width: 150px;
    font-size: 14px;
    text-align: center;
    color: #999999;
    margin: 0 auto;
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/ind07_textBg962_1200.png);
}

.video_vault_typeLabel a {
    color: #999999;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.video_vault_typeLabel:hover {
    box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.15);
    border-radius: 5px;
}

/*片库从右向左移动的动画效果 */
/* 动画css */
.visible {
    animation: animation-visible 500ms ease forwards;
    /* background-color: rgb(224, 26, 26); */
}

.invisible {
    animation: animation-invisible 500ms ease forwards;
}

@keyframes animation-visible {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes animation-invisible {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

/* 看点 */

.watch_focus_left {
    float: left;
}

.watch_focus span {
    margin-left: 25px;
    height: 30px;
    margin-top: 8px;
    display: inline-block;
}

.watch_focus span a {
    font-size: 14px;
    margin: 0 5px;
    line-height: 30px;
    padding: 0px 10px;
    display: inline-block;
    vertical-align: bottom;
}

.watch_focus a:hover {
    border-radius: 18px;
    color: #0084ff;
    box-shadow: 0 0 8px rgba(51, 51, 51, .15);
}

/* .watch_focus{
    background-color: rgb(223, 99, 99);
} */

.watch_focus_left {
    width: 588px;
    /* background-color: rgb(116, 211, 97); */
}

.watch_focus_left li {
    float: left;
    /* display: inline-block; */
    margin-right: 18px;
    width: 178px;
    margin-bottom: 17px;
    overflow: hidden;
}

.watch_focus_left li .image {
    width: 178px;
    height: 101px;
    border-radius: 5px;
    overflow: hidden;
    background: #e6e6e6 url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/zwPic152_44.png) no-repeat center center;
}

/* 鼠标滑过图片缓缓变大 */
.watch_focus_left li .image:hover img {
    transition: transform 1s;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.watch_focus_left li .image img {
    width: 100%;
    height: 100%;
}

.watch_focus_left li .text .title {
    font-size: 14px;
    line-height: 20px;
    margin-top: 6px;
    height: 40px;
}


.watch_focus_left li .text .brief {
    font-size: 14px;

    line-height: 44px;
}

.watch_focus_left li .text .brief a {
    color: #999999;
}

/* 下方文字变色 */
.watch_focus_left li .text .title a:hover,
.watch_focus_left li .text .brief a:hover {
    color: #0084FF;
}

.watch_focus_right {
    float: right;
    width: 374px;
    position: relative;
    /* background-color: rgb(191, 91, 91); */
}

/* 右侧列表背景图片 */
.watch_focus_list_bg {
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/tingyin_bg.png) no-repeat 0 0;
    position: absolute;
    width: 100px;
    height: 48px;
    z-index: 0;
    top: 0px;
    right: 20px;
}

/* 右侧列表标题 */
.watch_focus_list_top {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 16px;
    line-height: 28px;
    position: relative;
    top: -2px;
}

/* 右侧列表内容 */
.watch_focus_list_con {
    position: relative;
    /* float: right; */
    z-index: 9;
    width: 374px;
    height: 547px;
    box-shadow: 0 0 8px rgb(51 51 51 / 15%);
    border-radius: 5px;
    background: #FFFFFF url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/bangdan_con.png) no-repeat 0 0;
}


.watch_focus_list_con ul {
    padding: 18px 30px 0 30px;
}

/* 列表每一个元素设置 */
.watch_focus_list_con ul li {
    width: 100%;
}

/* 列表最左侧图标大小设置 */
.watch_focus_list_con ul li i {
    width: 20px;
    height: 44px;
    margin-right: 18px;
    vertical-align: middle;
    font-family: "Impact";
    text-align: center;
    font-size: 25px;
    line-height: 44px;
    color: #e0e0e0;
    font-style: normal;
}

/* 列表右侧文字设置 */
.watch_focus_list_con ul li a {
    font-size: 16px;
    line-height: 44px;
    display: inline-block;
    vertical-align: middle;
}


/* 设置第一个颜色 */
.watch_focus_list_con ul li:nth-child(1) i {
    color: #085ab7;
}

/* 设置第2个颜色 */
.watch_focus_list_con ul li:nth-child(2) i {
    color: #1aa7ec;
}

/* 设置第3个颜色 */
.watch_focus_list_con ul li:nth-child(3) i {
    color: #4adedf;
}

/* 分割线 */
.watch_focus_list_con ul li:last-child {
    border-bottom: 1px solid #e7e7e7;
}

/* 全部榜单 */
.watch_focus_alllist {
    text-align: center;
    font-size: 16px;
    line-height: 58px;
    width: 100%;
}

/* 全部榜单 */
.watch_focus_alllist a {
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/icon.png) no-repeat right center;
    display: inline-block;
    padding-right: 17px;

}

/* 变色效果 */
.watch_focus_list_con ul li a:hover,
.watch_focus_alllist a:hover {
    color: #0084FF;
}

.watch_focus_alllist a:hover {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/iconH.png)
}

/* 四个人头 */
.four_people {
    position: relative;
    padding-top: 7px;
    padding-bottom: 40px;
}

.four_people ul {
    width: 1000px;
}

.four_people ul li {
    float: left;
    width: 318px;
    height: 113px;
    margin-right: 4px;
    box-shadow: 0 0 8px rgb(51 51 51 / 15%);
    border-radius: 5px;
    background: #FFFFFF url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/pic01_bg_02.png) no-repeat 0 center;
    position: relative;
}

.four_people ul li a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    z-index: 2;
}

/* 背景图片设置 */
.four_people ul li a img {
    width: 100%;
    height: 100%;
    display: block;
}

.four_people ul li .img {
    width: 118px;
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

/* 头像设置 */
.four_people ul li .img img {
    position: absolute;
    top: 20px;
    transition: top .2s ease-in-out;
    z-index: 1;
}

/* 鼠标滑过头像向上移动 */
.four_people ul li:hover .img img {
    top: 0;
}

/* 鼠标滑过内容变色 */
.four_people ul li:hover:hover .text .title {
    color: #0084FF;
}

/* 文字设置 */
.four_people ul li .text {
    float: left;
    padding: 30px 20px 35px 0;
}

/* 名字设置 */
.four_people ul li .text .title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}

/* 介绍设置 */
.four_people ul li .text .brief {
    font-size: 14px;
    line-height: 18px;
    color: #999;
}

.listen_voice_right {
    float: right;
}

.listen_voice_right_con {
    position: relative;
    z-index: 9;
    width: 100%;
    /* width: 414px; */
    background-color: #FFFFFF;
}

.listen_voice_right_con ul li {
    box-shadow: 0 0 8px rgb(51 51 51 / 15%);
    border-radius: 5px;
    overflow: hidden;
    height: 95px;
    width: 100%;
    margin-bottom: 18px;
}

.listen_voice_right_con ul li .image {
    width: 95px;
    height: 100%;
    float: left;
    margin-right: 20px;
    border-radius: 5px;
    display: flex;
    align-items: center;

}

.listen_voice_right_con ul li .image img {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.listen_voice_right_con ul li .text {
    float: left;
    padding: 15px 20px 19px 0px;
    overflow: hidden;
}

.listen_voice_right_con ul li .text .title {
    font-size: 16px;
    line-height: 36px;
}

/* 文字上半部分变色 */
.listen_voice_right_con ul li .text .title a:hover {
    color: #0084FF;
}

.listen_voice_right_con ul li .text .brief {
    font-size: 14px;
    line-height: 26px;
    color: #999999;
}

/* 二维码位置设置（较小） */
.listen_voice_hover_img {
    display: none;
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin: 0 auto;
}

/* 鼠标移入图片变成二维码 */
.listen_voice_right_con ul li .image:hover .listen_voice_hover_img {
    display: block;
}

.listen_voice_right_con ul li .image:hover .listen_voice_img {
    display: none;
}

/* 广告 */
.advert {
    padding-top: 7px;
    padding-bottom: 40px;
}

/* .advert a{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
} */

.advert3,
.advert2,
.advert4 {
    display: none;
}

.advert1 {
    display: block;
    border-radius: 5px;
}

/* 年代剧推荐 */
.time_play_div ul {
    padding: 35px 31px 0 30px;
}

.time_play_div ul li {
    width: 100%;
    height: 82px;
    line-height: 82px;
}

.time_play_div ul li:last-child {
    padding-bottom: 41px;
}

.time_play_div ul li a {
    font-size: 18px;
}

/* 拉长效果部分 */
.length_effect {
    overflow: hidden;
    width: 980px;
    margin: 0 auto;
    padding-top: 7px;
    padding-bottom: 40px;
    position: relative;
}

.length_effect_con {
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    width: 100%;
    white-space: nowrap;
    font-size: 0px;
}

.length_effect_item {
    width: 178px;
    height: 101px;
    font-size: 0;
    padding: 0 9px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-align: left;
    /* background-color: rgb(222, 88, 88); */
    transition: all .7s cubic-bezier(.46, .7, .54, 1.1);
}

/* .length_effect_item_changewidth{
    width: 766px!important;
} */
.img_wrap {
    width: 2000px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 100%;
}

.length_effect_item .img {
    width: 178px;
    position: relative;
    float: left;
    padding: 0 9px;
    height: 100%;
    margin: 0;
}

.length_effect_item .img_hover {
    width: 570px;
    position: relative;
    float: left;
    padding: 0 9px;
    height: 100%;
    margin: 0;
}

.img_wrap img {
    border-radius: 4px;
    width: 100%;
    display: block;
    height: 100%;
}

.length_effect_con .end3 {
    display: none !important;
}

.length_effect_con .end2 {
    display: none !important;
}

.length_effect_con .end1 {
    display: none !important;
}

/* 央视大全 */
.cctv_daqo_title .image {
    width: 100%;
    height: 54px;
}

.cctv_daqo_title .image a {
    display: block;
    width: 279px;
    height: 34px;
    margin: 0 auto;
}

img {
    width: 100%;
    height: 100%;
    display: block;
}

.cctv_daqo_button table {
    /* 单元格边框合并 */
    border-collapse: collapse;
    height: 142px;
}

.cctv_daqo_button table td {
    text-align: center;
    border: 1px solid #ebebeb;
    width: 105px;
    position: relative;
    cursor: pointer;
}

/* 鼠标滑过文字变色 */
.cctv_daqo_button table td:hover a {
    color: #bf0614;
}

.cctv_daqo_button table td a {
    font-size: 16px;
    line-height: 20px;
    color: #535353;
    font-weight: bold;
}

.cctv_daqo_button table td a i {
    font-style: normal;
}

.cctv_daqo_button table td.cur span {
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: 0;
    left: 0;
    background-color: #bf0614;
    display: block;
}

.cctv_daqo_button table td.cur a {
    color: #bf0614;
}

/* 主体内容 */

.cctv_daqo_con {
    overflow: hidden;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    width: 960px;
    min-height: 168px;
}

.cctv_daqo_box.cur {
    display: block;
}

.cctv_daqo_box {
    display: none;
}

.cctv_daqo_box:first-child {
    display: block;
}

.cctv_daqo_box_left {
    padding: 20px 10px 20px 28px;
    width: 150px;
    min-height: 130px;
    float: left;
    border-right: 1px solid #ebebeb;
}

.cctv_daqo_box_left .image {
    height: 21px;
    padding-bottom: 3px;
}

.cctv_daqo_box_left .image img {
    display: block;
    width: auto;
    min-height: 21px;
}


.cctv_daqo_box_left .text p {
    font-weight: bold;
    color: #bf0614;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 14px;
}

.cctv_daqo_box_left .text a {
    color: #333;
    font-size: 13px;
    line-height: 20px;
}

/* 盒子右边部分 */
.cctv_daqo_box_right {
    width: 770px;
    padding: 12px 0 12px 0;
    float: right;
}

.cctv_daqo_box_right table {
    border-spacing: 0;
    border-collapse: collapse;
}

.cctv_daqo_box_right table td {
    font-size: 13px;
    text-align: left;
    width: 130px;
    height: 28px;
    line-height: 28px;
}

.cctv_daqo_box_right table td:first-child {
    padding-left: 20px;
}

.cctv_daqo_box_right table td a {
    width: 115px;
}

.cctv_daqo_box_right table td a:hover {
    color: #bf0614;
}

/* dibu */
.footer_wrapper {
    width: 100%;
    height: 261px;
    margin: 0 auto;
}

.footer_top {
    width: 962px;
    margin: 0 auto;
}

.about_us {
    padding-top: 18px;
    overflow: hidden;
}

.about_us dl {
    float: left;
}

.about_us dl.dl0 {
    width: 229px;
}

.about_us dl.dl1 {
    width: 241px;
    padding-left: 20px;
}

.about_us dl.dl2 {
    width: 179px;
    padding-left: 19px;
}

.about_us dl.dl3 {
    width: 254px;
    float: right;
    height: auto;
    border: 0;
}

.about_us dl.dl2 dd ul li:first-child {
    width: 208px;
}

.about_us dl dt {
    font-size: 16px;
    padding-bottom: 21px;
    padding-top: 2px;
    font-weight: bold;
    border-right: 1px solid #272727;
    color: #c10714;
}

.about_us dl.dl3 dt {
    height: 29px;
    border: 0;
    padding-top: 0px;
    text-align: center;
    padding-bottom: 21px;
}

.about_us dl dd {
    border-right: 1px solid #272727;
    height: 90px;
}

.about_us dl dd ul {
    width: 100%;
}

.about_us dl dd ul li {
    width: 114px;
    line-height: 12px;
    padding-bottom: 20px;
    float: left;
}

.about_us dl.dl1 ul li {
    width: 120px;
}

.about_us dl.dl2 ul li {
    min-width: 89px;
    max-width: 178px;
    width: auto !important;
}

.about_us dl.dl3 ul li {
    width: 114px;
    line-height: 12px;
    padding-bottom: 20px;
    float: left;
}

.about_us dl.dl3 ul li.last {
    width: 48px;
}

.about_us dl dd ul li a {
    color: #fefefe;
    font-size: 12px;
    text-decoration: none;
}

.about_us dl.dl3 dd {
    border: 0;
}

.about_us dl dt img {
    height: 100%;
    width: auto;
    display: inline-block;
}

.about_us .ask {
    height: 24px;
    line-height: 24px;
    width: 100%;
    text-align: center;
    color: #8F8F8F;
    border-radius: 5px;
    background-color: #272727;
}

.about_us .ask a {
    width: 100%;
    height: 100%;
    color: #8F8F8F;
    display: inline-block;
}

.footer_tbg {
    height: 168px;
    border-bottom: 1px solid #484848;
    background: #333;
}

.about_us a:hover {
    color: #c10714;
}

.footer_bottom {
    height: 92px;
    font-size: 12px;
    background: #272727;
    color: #cacaca;
}

.footer_bottom_con {
    width: 962px;
    margin: 0 auto;
}

.footer_bottom_left {
    padding-top: 17px;
    float: left;
}

.footer_bottom_left p {
    line-height: 32px;
}

.footer_bottom_left p a {
    color: #cacaca;
}

.footer_bottom_right {
    float: right;
}

.footer_bottom_right .serve {
    padding: 21px 15px 10px 95px;
    display: block;
}

.footer_bottom_right .serve .image {
    display: inline-block;
}

.footer_bottom_right .serve .text {
    display: inline-block;
    text-align: right;
}

.footer_bottom_right .serve .image img {
    height: 25px;
    width: auto;
    display: inline-block;
    margin-right: 15px;
}

.footer_bottom_right .serve .image:first-child img {
    margin-right: 10px;
}

.footer_bottom_right p {
    text-align: right;
}

.footer_bottom_left p a:hover {
    color: #c10714;
    text-decoration: underline;
}

/* 头部点击弹出搜索栏 */

.search_popup_wrapper {
    top: 0;
    right: 80px;
    height: 44px;
    padding: 1px 0;
    position: absolute;
    z-index: 50;
    background-color: transparent;
    font-size: 0px;
    width: 440px;
    /* overflow: visible; */
    display: block;
    width: 0;
    /* display: none; */
    overflow: hidden;
    transition: width 500ms;
}

.search_popup {
    width: 440px;
    font-size: 14px;
    color: #666;
    line-height: 34px;
    border-radius: 5px;
    background: #181818;
}

.search_popup_box {
    display: block;
    width: 432px;
    height: 34px;
    margin: 3px 4px;
    border: 2px solid #dddddd;
    border-radius: 5px;
}

.search_popup_con {
    width: 432px;
    height: 34px;
    background: #fff;
}

.search_popup_left {
    width: 70px;
    height: 34px;
    float: left;
    border-right: 1px solid #ddd;
    position: relative;
}

.search_popup_left p {
    width: 38px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    padding-left: 32px;
    background: url(https://p2.img.cctvpic.com/photoAlbum/templet/common/DEPA1561603549108607/search_down_2022.png) no-repeat 10px 13px;
    cursor: pointer;
}

.search_popup_input {
    width: 259px;
    height: 34px;
    float: left;
}

.search_popup_input input {
    width: 239px;
    font-size: 14px;
    height: 14px;
    padding: 10px;
    border: none;
    outline: none;
}

.search_popup_hot {
    width: 65px;
    float: left;
    background: url(https://p2.img.cctvpic.com/photoAlbum/templet/common/DEPA1561603549108607/search_hot_2022.png) no-repeat left center;
    font-size: 14px;
    color: #bf0614;
    line-height: 34px;
}

.search_popup_hot a {
    color: #bf0614;
    display: inline-block;
    width: 42px;
    height: 34px;
    padding-left: 23px;
}

.search_popup_btn {
    width: 30px;
    height: 34px;
    float: right;
}

.search_popup_btn input {
    width: 30px;
    height: 34px;
    background: url(https://p2.img.cctvpic.com/photoAlbum/templet/common/DEPA1561603549108607/search_btn_cur_2022.png) no-repeat center;
    border: none;
    outline: none;
}

.search_popup_select {
    position: absolute;
    width: 70px;
    left: 0;
    top: 34px;
    background: #fff;
    /* display: none; */
}

.search_popup_select .displaynone {
    display: none !important;
}

.search_popup_select .displayblock {
    display: block !important;
}

.search_popup_select a {
    display: block;
    width: 70px;
    height: 40px;
    font-size: 14px;
    color: #666;
    line-height: 34px;
    text-align: center;
}

.search_popup_select a:hover {
    color: #bf0614;
    /* z-index: 10; */
}

#popup_select1_http {
    color: #0084ff;
}


/* 登录图标的弹窗 */
.login_popup_wrapper {
    width: 224px;
    height: 0;
    right: -4px;
    /* height: 290px; */
    position: absolute;
    overflow: hidden;
    z-index: 50;
    top: 45px;
    transition: height 500ms;
}

.login_popup_con {
    width: 224px;
    height: 290px;
    display: block;
}

.login_popup {
    background: #fff;
    margin: 0 auto;
    box-shadow: 0px 0px 2px 2px rgb(0 0 0 / 20%);
    color: #434242;
    width: 216px;
    height: 280px;
    overflow: hidden;
}

.login_popup .top {
    width: 176px;
    padding: 0 20px;
    font-size: 14px;
}

.login_popup_send {
    margin-top: 21px;
}

.login_popup_send input {
    border: 1px solid #D0D0D0;
    height: 14px;
    color: #3d3d3d;
    width: 156px;
    padding: 7px 9px;
}

.login_popup_tip {
    font-size: 12px;
    margin-bottom: 21px;
}

.login_popup_tip span:first-child:first-child {
    float: left;
}

.login_popup_tip span:last-child:last-child {
    float: right;
}

.login_popup_tip span a:hover {
    color: #bf0614;
}

.login_popup_login {
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(230, 230, 230);
}

.login_popup_login a:first-child {
    background: #c00614;
    width: 86px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.login_popup_login a:nth-child(2) {
    text-align: center;
    width: 78px;
    text-decoration: none;
    margin-left: 12px;
    left: 12px;
}

.login_popup_login a:nth-child(2):hover {
    color: #bf0614;
}

.login_popup .bottom {
    margin: 0 15px;
    width: 186px;
}

.login_popup .bottom span:first-child {
    height: 40px;
    line-height: 40px;
    display: block;
    font-size: 14px;
    color: #525252;
}

.login_popup .bottom span:last-child {
    display: block;
    overflow: hidden;
}

.login_popup .bottom span:last-child img {
    display: inline-block;
    margin-right: 10px;
    width: auto;
}

/* 菜单弹出框 */
.class_popup_wrapper {
    width: 100%;
    height: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #ffffff;
    /* 高度与页面高度相同 */
    /* height: 917px; */
    transition: height 500ms;
    overflow: hidden;
}

.class_popup_title {
    height: 90px;
    margin: 0 auto;
    position: relative;
}

.class_popup_contain {
    width: 962px;
    font-size: 14px;
    color: #525252;
    line-height: 24px;
    margin: 0 auto;
    padding: 20px 0;
}

.class_popup_title .image {
    width: 175px;
    height: 50px;
    margin: 0 auto;
    padding-top: 20px;
}

.class_popup_title .close {
    position: absolute;
    right: 50%;
    top: 42px;
    margin-right: -481px;
    width: 28px;
    height: 28px;
    background: url(https://p2.img.cctvpic.com/photoAlbum/templet/common/DEPA1561603549108607/nav_icon_spirit_2022.png) no-repeat center center;
    background-position: -40px -21px;
}



.class_popup_title .close:hover {
    background-position: -40px -50px;
}

.class_popup_list {
    overflow: hidden;
    position: relative;
    height: 787px;
    /* 滚动条 */
    overflow-y: scroll;
}

.class_popup_list .li {
    padding-left: 40px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: left top;
}

.class_popup_list .li a {
    color: #525252;
}

.class_popup_list .li .channel {
    width: auto;
    font-weight: 700;
    margin-bottom: 12px;
    font-size: 0;
}

.class_popup_list .li .channel a {
    margin-right: 29px;
    font-size: 14px;
}

.class_popup_list .li .channel img {
    width: auto;
    display: inline-block;
}

.class_popup_list .li0 .channel,
.class_popup_list .li5 .channel {
    margin-bottom: 0px;
}

.class_popup_list .li .column {
    width: auto;
    font-weight: 400;
    margin-bottom: 24px;
    font-size: 0px;
}

.class_popup_list .li .column a {
    margin-right: 29px;
    font-size: 14px;
}

.class_popup_list .li0 {
    background-image: url(https://p2.img.cctvpic.com/photoAlbum/templet/common/DEPA1561603549108607/sleft0_2022.png);
    margin-top: 20px;
}

.class_popup_list .li1 {
    background-image: url(https://p2.img.cctvpic.com/photoAlbum/templet/common/DEPA1561603549108607/sleft1_2022.png);
}

.class_popup_list .li2 {
    background-image: url(https://p2.img.cctvpic.com/photoAlbum/templet/common/DEPA1561603549108607/sleft2_2022.png);
}

.class_popup_list .li3 {
    background-image: url(https://p2.img.cctvpic.com/photoAlbum/templet/common/DEPA1561603549108607/sleft3_2022.png);
}

.class_popup_list .li4 {
    background-image: url(https://p2.img.cctvpic.com/photoAlbum/templet/common/DEPA1561603549108607/sleft4_2022.png);
}

.class_popup_list .li5 {
    background-image: url(https://p2.img.cctvpic.com/photoAlbum/templet/common/DEPA1561603549108607/sleft5_2022.png);
}

.class_popup_list .li6 {
    background-image: url(https://p2.img.cctvpic.com/photoAlbum/templet/common/DEPA1561603549108607/sleft6_2022.png);
}

.class_popup_list .line {
    width: 99%;
    height: 1px;
    background-color: #f0f0f0;
    margin: 30px 0;
}

.class_popup_list .li .logolist ul {
    width: 940px;
    position: relative;
    display: block;
}

.class_popup_list .li .logolist ul li {
    float: left;
    margin-bottom: 22px;
    height: 21px;
    margin-right: 50px;
}

.class_popup_list .li .logolist ul li a {
    display: block;
    width: 100%;
    margin-right: 0;
    font-size: 12px;
}

.class_popup_list .li .logolist ul li a img {
    width: auto;
    height: 100%;
    display: block;
}



.swiper-container .swiper-img:nth-child(1) {
    background-color: rgb(147, 146, 151);
}

.swiper-container .swiper-img:nth-child(2) {
    background-color: rgb(17, 33, 69);
}

.swiper-container .swiper-img:nth-child(3) {
    background-color: rgb(184, 167, 139);
}

.swiper-container .swiper-img:nth-child(4) {
    background-color: rgb(164, 123, 95);
}

.swiper-container .swiper-img:nth-child(5) {
    background-color: rgb(172, 169, 178);
}

.swiper-container .swiper-img:nth-child(6) {
    background-color: rgb(138, 136, 98);
}

.swiper-container .swiper-img:nth-child(1) {
    background-color: rgb(147, 146, 151);
}

.swiper-img1 {
    background-color: rgb(16, 77, 151) !important;
}

.navigation_wrapper {
    width: 100%;
    height: 59px;
    border-bottom: 1px solid #0084ff;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 15;
    transition: opacity 0.5s;
    /* display: none; */
}

.navigation {
    width: 962px;
    height: 100%;
    margin: 0 auto;
}

.navigation_left {
    float: left;
    height: 100%;
}

.navigation_right {
    float: right;
    padding-top: 16px;
}

.navigation_left span {
    float: left;
    margin: 22px 24px 0 0;
}

.navigation_left span img {
    width: 138px;
    height: 15px;
}

.navigation_ul {
    float: left;
    height: 100%;
}

.navigation_ul::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.navigation_ul>li {
    float: left;
    line-height: 59px;
    height: 100%;
}

.navigation_ul>li a {
    padding: 0 15px;
    font-size: 14px;
    color: #222;
    display: inline-block;
    height: 100%;
}

.navigation_headpic {
    display: none;
    float: right;
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/headpic.png) no-repeat;
    width: 30px;
    height: 30px;
    background-size: contain;
}

.navigation_right .firstSearch {
    float: right;
    position: static;
    /* margin-right: 10px; */
}

.navigation_right .firstSearch .left {
    background-color: #fff;
    border: 1px solid #0084ff;
    width: 230px;
    height: 28px;
}

.navigation_right .firstSearch .left .firstSearch_a {
    color: #000;
}

.navigation_right .firstSearch .left input {
    color: #000;
}

.navli_i {
    display: inline-block;
    margin-left: 5px;
    width: 10px;
    height: 100%;
    vertical-align: middle;
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/icon1.png) no-repeat center center;
}

.navigation_ul>li:hover>a {
    color: #0084FF;
}

/* 鼠标经过箭头变成蓝色 */
.navigation_ul li a:hover i {
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/icon2.png) no-repeat center center;
}

.dialog {
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    height: 0;
    background: #fff;
    /* box-shadow: 0px 2px 4px 2px rgb(0 0 0 / 20%); */
    /* box-shadow: none; */
    overflow: hidden;
    height: 0px;
    transition: height 1s;
}

.diapd {
    height: 173px;
}

.diapd .column_wrapper {
    height: 173px;
    /* bottom: 0; */
    position: absolute;
    left: 50%;
    margin-left: -481px;
}

.diapd .column_wrapper span {
    margin: 0;
    line-height: 70px;
    font-size: 14px;
    color: #222;
    font-weight: bold;
}

.diapd ul {
    padding-top: 20px;
}

.diapd ul li {
    height: 31px;
    margin: 0 42px 20px 0;
    float: left;
}

.diapd ul li a {
    padding: 0;
    font-size: 14px;
    color: #222;
    display: inline-block;
    height: 100%;
}

.diapd ul li a img {
    width: 69px;
    height: 31px;
}

.diapd ul li.last {
    margin-right: 0px;
}

/* <!-- 栏目大全弹层 --> */
.dia_Complete {
    height: 225px;
}

.dialmcom {
    height: 225px;
    /* bottom: 0; */
    position: absolute;
    left: 0;
    width: 100%;
}

.dialmcom .title {
    height: 45px;
    background: #f2f2f2;
}

.dialmcom .title li {
    line-height: 45px;
    float: left;
}

.dialmcom .title li a {
    padding: 0 9px;
    font-size: 14px;
    color: #000;
}

.dialmcom .title li:hover {
    background-color: #fff;
}

.dialmcom .title li:hover a {
    color: #0084ff;
}

.dia_Complete .listbox {
    padding: 28px 0 0 0;
    height: 140px;
    /* display: none; */
}

.dia_Complete .listbox li {
    width: 160px;
    float: left;
    line-height: normal;
}

.dia_Complete .listbox li .list {
    line-height: 18px;
    margin-bottom: 18px;
}

.dia_Complete .listbox li .list a {
    padding: 0;
    color: #222;
    height: 18px;
}

.diakd {
    position: absolute;
    left: 50%;
    background: #fff;
    border-radius: 0 0 5px 5px;
    height: 141px;

}

.diakdcon {
    /* bottom: 0; */
    position: absolute;
    left: 0;
    /* width: 100%; */
}

.diakdcon ul {
    width: auto;
    height: auto;
}

.diakdcon ul li {
    float: left;
}

.diakdcon ul li .list a {
    padding: 0;
    color: #222;
    position: relative;
}

.diakdcon ul li .list a i {
    display: inline-block;
    width: 32px;
    height: 18px;
    position: absolute;
    top: -15px;
    right: -32px;
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/nav_new.png) no-repeat;
}

.diakdcon ul li.last {
    margin-left: 29px;
}

.navigation_ul li:nth-child(7) {
    position: relative;
}

.navigation_ul .display {
    display: none;
}

.dia_all {
    height: 347px;
}

.dia_all .column_wrapper {
    float: none;
    height: 347px;
    bottom: 0;
    position: absolute;
    left: 50%;
    margin-left: -481px;
}

.dia_all .column_wrapper span {
    margin: 0;
    line-height: 70px;
    font-size: 14px;
    color: #222;
    font-weight: bold;
}

.alltitle {
    float: right;
    margin-top: 20px;
}

.alltitle li {
    margin-left: 10px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/btnbg.png) no-repeat center center;
    text-align: center;
    float: left;
}

.allpd {
    border-top: 2px solid #e6e6e6;
    margin-bottom: 5px;
}

.allpd i {
    float: left;
    margin-top: 18px;
    width: 86px;
    font-size: 14px;
    font-weight: bold;
    color: #999;
    line-height: 18px;
}

.allpd ul {
    float: left;
    width: 876px;
    margin-top: 10px;
}

.alllm {
    margin-bottom: 10px;
}

.alllm i {
    float: left;
    margin-top: 0px;
    width: 86px;
    font-size: 14px;
    font-weight: bold;
    color: #999;
    line-height: 24px;
}

.alllm ul {
    float: left;
    width: 876px;
    margin-top: 0px;
}

.alllm ul li {
    width: 116px;
    height: 24px;
    line-height: 24px;
    float: left;
}

.alllm ul li a {
    padding: 0;
    color: #000;
}

.dialog i {
    font-style: normal;
}

.allpd ul li {
    margin: 10px 0;
    margin-right: 31px;
    line-height: normal;
    height: 31px;
    float: left;
}

.allpd ul li a {
    padding: 0;
}

.allpd ul li a img {
    width: 69px;
    height: 31px;
}

.alllm .allmore {
    text-align: center;
    width: 58px;
}

.alllm .allmore a {
    line-height: 22px;
    height: 22px;
    color: #0084ff;
    font-size: 14px;
    width: 58px;
    border: 1px solid #0084ff;
    border-radius: 22px;
}

.alllm .allmore a:hover {
    color: white;
    background: #0084ff;
}

/* 侧边导航条 */
.float_wrapper {
    right: 10px;
    bottom: 10px;
    width: 60px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    position: fixed;
    background-color: #fff;
    z-index: 14;
}

.float_con {
    padding-top: 5px;
    border-radius: 5px;
    box-shadow: 0 0 8px rgb(51 51 51 / 15%);
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoBg_t.png) no-repeat;
    background-position: top center;
}

.float {
    padding-bottom: 5px;
    width: 100%;
    height: 100%;
    background: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoBg_b.png) no-repeat;
    background-position: bottom center;
}

.float ul li {
    margin-bottom: 4px;
}

.float ul li a {
    padding-top: 30px;
    background-position: center 0px;
    display: inline-block;
    background-repeat: no-repeat;
}

/* .float ul li:hover a {
    
} */

.float ul li:nth-child(1) a {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon02.png);
}

.float ul li:nth-child(1) a:hover {
    color: #0084FF;
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon02_hover.png);
}

.float ul li:nth-child(1).cur a {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon02_hover.png);
}

.float ul li:nth-child(2) a {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon03.png);
}

.float ul li:nth-child(2) a:hover {
    color: #0084FF;
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon03_hover.png);
}

.float ul li:nth-child(2).cur a {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon03_hover.png);
}

.float ul li:nth-child(3) a {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon04.png);
}

.float ul li:nth-child(3) a:hover {
    color: #0084FF;
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon04_hover.png);
}

.float ul li:nth-child(3).cur a {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon04_hover.png);
}

.float ul li:nth-child(4) a {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon05.png);
}

.float ul li:nth-child(4) a:hover {
    color: #0084FF;
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon05_hover.png);
}

.float ul li:nth-child(4).cur a {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon05_hover.png);
}

.float ul li:nth-child(5) a {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon06.png);
}

.float ul li:nth-child(5) a:hover {
    color: #0084FF;
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon06_hover.png);
}

.float ul li:nth-child(5).cur a {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon06_hover.png);
}

.float ul li:nth-child(6) a {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon07.png);
}

.float ul li:nth-child(6) a:hover {
    color: #0084FF;
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon07_hover.png);
}

.float ul li:nth-child(6).cur a {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon07_hover.png);
}

.float ul li:nth-child(7) a {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon08.png);
}

.float ul li:nth-child(7) a:hover {
    color: #0084FF;
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon08_hover.png);
}

.float ul li:nth-child(7).cur a {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon08_hover.png);
}

.float ul li:nth-child(8) a {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon09.png);
}

.float ul li:nth-child(8) a:hover {
    color: #0084FF;
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon09_hover.png);
}

.float ul li:nth-child(8).cur a {
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/cepiaoIcon09_hover.png);
}

.float ul li .code {
    position: absolute;
    width: 77px;
    height: 125px;
    padding: 26px 32px 18px 26px;
    right: 60px;
    top: -58px;
    /* display: none; */
    opacity: 0;
    z-index: 999;
    /* transform: scale(.5); */
    overflow: hidden;
    background-image: url(https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/shk_bg_962.png);
}

.animation_phone {
    animation: animation_phone .3s forwards;
}

.animation_phone_hover {
    animation: animation_phone_hover .3s forwards;
}

@keyframes animation_phone {
    0% {
        transform: scale(.5);
        opacity: 0;
        transform-origin: center right;
    }

    60% {
        transform: scale(1);
        opacity: 1;
        transform-origin: center right;
    }

    100% {
        transform: scale(1);
        opacity: 1;
        transform-origin: center right;
    }
}

@keyframes animation_phone_hover {
    form {
        transform: scale(1);
        display: block;
    }

    to {
        transform: scale(.5);
        display: none;
    }
}

.float ul li .code img {
    width: 77px;
    height: 77px;
    display: block;
    margin-bottom: 8px;
}

.float ul li .code p {
    font-size: 14px;
    line-height: 16px;
    color: #5a5e62;
    text-align: center;
}

.float ul li:nth-child(7) a {
    position: relative;
}

.float ul li.cur a {
    color: #0084FF;
}


.nav_li .nav_diacon {
    display: none;
    display: block;
    padding: 0 0 18px 0;
    position: absolute;
    bottom: 89px;
    z-index: 8;
}

.nav_li .diacon_all {
    left: -4px;
}

.nav_li .nav_diacon .nav_dialog {
    box-shadow: 1px 0 8px rgb(0 0 0 / 45%);
    border-radius: 5px;
    background: #fff;
    z-index: 10;
}

.nav_li .nav_diacon .dialog_all {
    padding: 25px 5px 0 25px;
    width: 801px;
    height: 158px;
}

.nav_li .nav_diacon .icon {
    bottom: 13px;
    width: 0;
    left: 246px;
    content: '';
    border-style: solid;
    border-width: 6px;
    border-color: #fff #fff transparent transparent;
    transform: rotate(135deg);
    box-shadow: 3px -2px 4px rgb(0 0 0 / 16%);
    position: absolute;
}

.nav_li .nav_diacon .dialog_all ul li {
    width: 69px;
    height: 31px;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.nav_li .nav_diacon .dialog_all ul li a {
    line-height: 34px;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}

.nav_li .nav_diacon .dialog_all ul li a img {
    width: 69px;
    height: 31px;
}

.nav1-div .nav_record {
    left: 192px;
    bottom: 45px;
    display: none;
}

.nav_tv {
    left: 18px !important;
    bottom: 45px !important;
}

.nav_car {
    left: 104px !important;
    bottom: 38px !important;
}

.nav1-div .nav_record .dialog_record {
    width: 440px;
    height: 258px;
    left: 0;
}

.nav1-div .nav_record .dialog_record .icon {
    left: 41px;
}

.dia_record_box {
    margin-left: 25px;
}

.dia_record_box h5 {
    padding-top: 23px;
    height: 20px;
}

.dia_record_box h5 a {
    display: inline-block;
    line-height: 20px;
    color: #333;
    font-weight: normal;
    font-size: 16px;
}

.dia_record_box a {
    width: 120px;
    float: left;
    margin-right: 15px;
}

.dia_record_box a .img {
    width: 120px;
    height: 150px;
    margin-top: 13px;
    border-radius: 5px;
    overflow: hidden;
}

.dia_record_box a .title {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    margin-top: 13px;
    color: #222;
}

.class_popup_wrapper a:hover {
    color: #bf0614;
}

#hotSearchdiv a:hover,
#hotSearchdiv2 a:hover {
    color: #0084FF;
}

.alltitle li:hover {
    background: url(//p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/btnbgh2.png) no-repeat center center;
}

.dialog a:hover{
    color: #0084FF;
}
.dialog li .list a:hover{
    color: #0084FF;
}